Manage images in quote templates

📝 Note: The quote templates feature is now offered through Document Builder. If Document Builder is fully configured on the marketplace, you can navigate to Document Builder, and the quote templates feature within it, through the user interface instead of a URL that you enter. See Document Builder.

Marketplace Managers can upload images that they want to include on quotes, to the AppDirect platform. For each image, the platform returns a unique URL that identifies the image storage location. Use these URLs to reference images when you create image components in JSON templates.

To upload images

1. Go to your quote template Edit JSON page.
2. Click Upload Image. A file explorer dialog appears.
3. Navigate to and select the image.
4. Click Open. The dialog closes.
5. Next to the Upload Image button, click the up arrow icon. The images list appears.
   • Image—Preview of the uploaded image.
   • Name—Image file name.
   • Generated URL—Unique URL that identifies the image storage location.
   • Upload date—Date the Marketplace Manager saved the file to the AppDirect platform.

To acquire and add an image source URL to an image component

1. Go your quote template Edit JSON page.
2. Next to the Upload image button, click the up arrow icon. The images list appears.
   • Image—Preview of the uploaded image.
   • Name—Image file name.
   • Generated URL—Unique URL that identifies the image storage location.
   • Upload date—Date the Marketplace Manager saved the file to the @AppDirect platform.
3. Locate the image in the list.
4. In the image row, click Copy image source.
5. In the JSON editor section, click JSON. The code editor appears.
6. Navigate to the image component or the row where you are building the image component.
7. Paste the URL in the image Source property, in the following format:

"src": "https://*"

8. (Optional) Click Validate. The error console message bar displays the validation results.
9. Click Preview PDF. The image appears in the quote preview.
10. Click Save Changes.